<template>
	<view class="content">
		<view class="header flexs">
			<image :src="iconurl + '/static/user/jinggao.png'"></image>
		</view>
		<view class="section">
			<view class="title flexs">
				<text>如果你是误操作，请选择【暂不注销】</text>
			</view>
			<view class="center font-Bold">
				本平台在此特别提醒您，账号注销是不可恢复的操作，
				请您确认是否需要注销，及是否已妥善处理与本账号相关的
				所有服务、商品等问题，账号注销后您将无法通过本账号登陆或使用本平台的全部服务，包括售后服务。<br />
				在您提交注销前，请先确认以下信息：
			</view>
			<view class="liucheng">
				1.您仅可注销您本人申请的账号；<br />
				2.账号处于正常使用状态，无被盗风险；<br />
				3.账号无任何纠纷，包括投诉举报或被投诉举报；<br />
				4.账号没有未完成或存在争议的服务；<br />
				5.账号内无未完成订单，包括待发货订单、售后处理中的订单；<br />
				6.账户仓库内无已购买但未开启的盲盒、通过开启盲盒获取但
				未提货或未拒提为大王币的物品；<br />
				7.如账号内有未使用的大王币或其他虚拟权益等，账号注销申请的提交视为您已放弃其全部权益，注销后不得向本平台要求恢复；<br />
				8.账号已解除与其他产品、网站授权登陆或绑定关系。
			</view>
			<view class="liucheng">
				<text class="font-Bold">账号注销将会对您产生如下影响：</text><br />
				1.您将无法使用该账号登陆且无法恢复；<br />
				2.您的账号中的未使用的大王币、虚拟权益等将作废且无法恢复；<br />
				3.您将无法使用该账号或使用本平台的全部服务，包括售后服务；<br />
				4.您的个人信息（包括但不限于用户名、头像、交易记录等）将被删除或按照法律要求作匿名化处理，不可找回；<br />
				5.账号注销后您与我们曾签署过的相关用户协议、其他权利义务性文件等相应终止（但我们与您之间已约定继续生效的或法律法规另有规定除外）。
			</view>
			<view class="liucheng">
				<text class="font-Bold">请您注意：</text><br />
				1.如果您的账号被他人投诉、被国家机关调查或者正处于诉讼、仲裁程序中，本平台有权自行决定是否终止您的账号注销流程而无需另行得到您的同意。<br />
				2.注销大王赏账号并不代表您的账号注销前的所有行为和相关责任得到豁免和减免。
			</view>

		</view>
		<view class="tab_xieyi">
			<image :src="iconurl + '/static/index/pzselect3.png'" v-if="checkStatus==false" @click="goCheck"></image>
			<image :src="iconurl + '/static/index/pzselect4.png'" v-else @click="goCheck"></image>
			<view class="" @click="goCheck">
				勾选即视为已阅读并同意注销
				<!-- <text style="color: #6792DD;"  @click.stop="goUrl('/userPage/user/agreement?id=15')">《注销协议》</text> -->
			</view>
		</view>
		<view class="footer">
			<view class="flexs" @click="sbumit">
				继续注销
			</view>
			<view class="flexs" @click="back">
				暂不注销
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				checkStatus: false,
				iconurl: this.$configs.urls
			};
		},
		onShow() {

		},
		methods: {
			goCheck() {
				this.checkStatus = !this.checkStatus
			},
			sbumit() {
				if (this.checkStatus == false) {
					uni.showToast({
						title: "请先勾选阅读并同意注销协议",
						icon: "none"
					})
					return
				}
				this.$Request.post(this.$api.user.logoff).then(res => {
					uni.showToast({
						title: res.msg
					})
					setTimeout(() => {
						uni.redirectTo({
							url: "/userPage/user/login/register"
						})
					}, 800)
					 clearTimeout();
				});
			},
			back() {
				uni.navigateBack({
					delta: 1
				})
			},
			goUrl(url) {
				uni.navigateTo({
					url: url
				})
			},
		}
	};
</script>

<style lang="scss" scoped>
	.content {
		min-height: 100vh;
		background: #262626;
		padding-bottom: 200rpx;

		.tab_xieyi {
			display: flex;
			align-items: center;
			padding: 0 60rpx;
			margin-top: 10rpx;

			image {
				width: 40rpx;
				height: 40rpx;
			}

			view {
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #fff;
				padding-left: 20rpx;
			}
		}

		.footer {
			width: 650rpx;
			margin: 0 auto;
			margin-top: 50rpx;
			display: flex;
			justify-content: space-between;

			view {
				width: 270rpx;
				height: 88rpx;
				border-radius: 100rpx;
				color: #FFFFFF;
				border: 1rpx solid #FF9F00;
			}

			view:nth-child(2) {
				color: #FFFFFF;
				border: 1rpx solid #FF9F00;
			}
		}

		.header {
			image {
				width: 200rpx;
				height: 200rpx;
			}
		}

		.section {
			.center {
				width: 610rpx;
				margin: 0 auto;
				margin-top: 14rpx;
				text-indent: 2em;
				// margin-bottom: 30rpx;  
				color: #fff;
			}

			.liucheng {
				width: 610rpx;
				margin: 0 auto;
				margin-bottom: 10rpx;
				color: #fff;
			}

			.title {
				width: 610rpx;
				margin: 0 auto;
				margin-top: 30rpx;
				color: #fff;

				text {
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #F34A4A;
					opacity: 1;
				}
			}
		}
	}
</style>
